body{font-family:"Microsoft Yahei",Tahoma, Arial, Helvetica, STHeiti;height: 100%;background:#F8F8F8;color:#333;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
::-webkit-selection {color:#fff;background:#00C798;}
::-moz-selection {color:#fff;background:#00C798;}
::selection {color:#fff;background:#00C798;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase,.initialism {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
a {color:#666;text-decoration:none}
a:focus,a:hover {color:#323232;transition:none}
a.text-gray:hover{color:#666}
a.blocklink{display: block;border:1px solid #0000ff;}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}
.fixed {z-index:9999;}
.bg-gray{background:#F8F8F8}
.bg-green-gradient{background: linear-gradient(45deg, #00C798, #0187CE)}
.v-shadow {box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.04);}
hr{margin:0;}
.radius-top-large {border-radius:15px 15px 0 0}
.radius-bottom-large{border-radius:0 0 15px 15px}
.container-wrap{max-width:1000px;margin:0 auto;display:block;padding:0 10px}
.container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.bg-sub{background:#568D49}
.bottom-bar{display:none;z-index:999;}
.ph{transform:scale(1);-webkit-transition:.3s;transition:.3s;padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
/* 英文字体begin */
.Bebas{font-family: 'Bebas';}
/* 英文字体end */
.gradient-text {
  position: relative;
  display: inline-block;
  background: linear-gradient(45deg, #00C798, #0187CE);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/

.container-layout{max-width:1440px;}
.line-big{margin-left:-15px;margin-right:-15px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.line-large {margin-left:-20px;margin-right:-20px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:20px;padding-left:20px}

/* owl-carousel滚动插件*/
/* 默认圆点 */
.owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;}
.owl-carousel .owl-dots .owl-dot span {width:5px;height:5px;margin:0 5px;border-radius:50%;background:#ddd;display:inline-block;text-align:center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.owl-carousel .owl-dots .owl-dot.active span {background:#00C798;border-color:#00C798;width:15px;border-radius:10px;}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:18px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {background:transparent;opacity:0;width:36px;height:36px;line-height:40px;top:50%;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;text-align:center;border-radius:50%;}
.owl-carousel .owl-nav .owl-prev {left:20px;right:auto;color:#fff;}
.owl-carousel .owl-nav .owl-next {right:20px;color:#fff;}
/* owl-carousel滚动插件 end */

/*轮换广告*/
.slides .img-box{min-height: calc(100vh - 0px);transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
/*.slides .img-box{transition:.3s;display:block;min-height: calc(100vh - 200px);overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}*/
.slides .img-box strong{margin-top:30%;font-size:72px;text-shadow: 1px 0 3px rgba(0,0,0,.3);color: #fff;display: block;}
.slides .img-box p{font-size: 48px;line-height:54px;text-shadow: 3px 0 10px rgba(0,0,0,.6);color: #fff;display: block;margin:30px 0 ;}
.slides:hover .owl-nav .owl-next,.slides:hover .owl-nav .owl-prev{opacity:1;border:1px solid #fff;}
.slides .owl-dots {position:relative;top:-40px;margin-bottom:-40px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/*轮换广告 end*/

.tab-normal .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.tab-normal .tab .tab-nav li {display:inline-block;width:auto;text-align:center}
.tab-normal .tab .tab-nav li a {background:#fff;-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);color:#666;border-radius:30px;padding:0px 35px;height:54px;line-height:54px;margin:10px;display:block;border:0;font-size:16px;}
.tab-normal .tab .tab-nav .active a {background: linear-gradient(45deg, #00C798, #0187CE);
-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.tab-normal .tab .tab-nav .active{background:none}
.tab-normal .tab .tab-nav .active a:hover {color:#FFF}
.tab-normal .tab .tab-nav li a:focus {outline:none;}
.tab-normal .tab .tab-nav li a:hover {background: linear-gradient(45deg, #00C798, #0187CE);
-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.03);color:#fff;}
.tab-normal .tab .tab-body{padding:0;border-radius:0;border-top:0}

/* 左右结构TAB */
.tab-y .tab-left{width:18%;float:left;}
.tab-y .tab-right{width:82%;float:right;}
.tab-y .tab{border-radius:10px;box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.06);overflow: hidden}
.tab-y .tab .tab-nav li {width:100%;border-radius:0px;cursor:default;}
.tab-y .tab .tab-nav li a{height:102px;line-height:102px;font-size:16px;border:0;border-bottom:1px solid #B2D771;background: linear-gradient(to right, #45C058, #00C798);color:#FFF;padding:0;border-radius:0;}
.tab-y .tab .tab-nav li a:focus {outline:none;}
.tab-y .tab .tab-nav li:first-child a {border-radius:0px;border-top-left-radius:10px;}
.tab-y .tab .tab-nav li:last-child a{border-bottom:1px solid #B2D771;border-radius:0px;border-bottom-left-radius:10px;}
.tab-y .tab .tab-nav li.active{position:relative;}
.tab-y .tab .tab-nav li.active:after{border-left:12px solid #45C058;z-index:3;position: absolute;top:40px;right:-12px;display:inline-block;border-top:12px solid transparent;border-bottom:12px solid transparent;content: ''; }
.tab-y .tab .tab-nav li.active a{margin:0;background: linear-gradient(to left, #45C058, #00C798)}
.tab-y .tab .tab-nav li.active a:hover,.tab-y .tab .tab-nav li a:hover {color:#fff}
.tab-y .tab .tab-body {border-radius:0;border-top:0px;margin-top:0;padding:0;border-radius:0 10px 10px 0;}
.tab-y .tab .tab-body .padding-large{padding:40px 40px 5px 40px;}
/* 左右结构TAB end*/

/*首页产品列表*/
.product-list-home .media{-webkit-transition:.3s;transition:.3s;border:1px solid #eee;margin-bottom:20px}
.product-list-home .media:hover {-webkit-transition:.3s;transition:.3s;border:1px solid #00C798;;}
.product-list-home .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list-home .media .media-body strong{display: block;height: 40px;overflow: hidden}
.product-list-home .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list-home .media:hover .media-body strong a {color:#00C798;}

/* 解决方案  */
.solution-1 {position:relative;height:700px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.solution-1:before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);transition:all .4s cubic-bezier(.4,0,.2,1)}
.solution-1 a{position:absolute;width:100%;height:100%;left:0;top:0}
.solution-1 .item-title{margin-top:30%;-webkit-transition:.3s;transition:.3s;}
.solution-1 .item-title strong{font-size:32px;font-weight:600;position:relative;}
.solution-1 .item-title strong:before {content:"";position:relative;display:block;width:100px;border-bottom:2px solid #fff;bottom:-60px;left:50%;margin-left:-40px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.solution-1 .item-title p{margin-top: 50px;-webkit-transition:.3s;transition:.3s;filter:alpha(opacity=80);opacity:.8;display: block;padding:0 30px;}
.solution-1:hover .item-title{margin-top:27%;-webkit-transition:.3s;transition:.3s;}
.solution-1:hover:before {background: linear-gradient(45deg,rgba(0,199,152,0.6),rgba(1,135,206,0.6));}
.solution-1:hover .item-title:before {opacity:0;margin-bottom:0}
.solution-1:hover .item-title p{-webkit-transition:.3s;transition:.3s;margin-top: 30px;filter:alpha(opacity=0);opacity:0;}
/* 解决方案  */

/* 首页新闻 */
.carousel-news .media{position:relative;}
.carousel-news .media .media-body {text-align:left;padding:20px 20px 30px 20px;z-index: 3;margin-top: 0}
.carousel-news .media .media-body strong a{font-size:16px;color:#666;display: block;height: 50px;margin-bottom: 10px;}
/*.carousel-news .media:hover .media-body{background: #0068A5}*/
.carousel-news .media:hover .media-body strong a,.carousel-news .media:hover .media-body p{color:#0068A5;}
.carousel-news .media .ph{padding-bottom:64%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;text-indent: -3000px /*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.carousel-news .media .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(4,0,51,0);-webkit-transition:.3s;transition:.3s;}
.carousel-news .media:hover .ph{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}
/*.carousel-news .media:hover .ph::after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(157,204,73,.6);-webkit-transition:.3s;transition:.3s;}*/
.carousel-news:hover .owl-nav .owl-prev,.carousel-news:hover .owl-nav .owl-next {background:#00C798;opacity:1;color:#fff;}
.carousel-news .owl-nav .owl-prev {left:-20px;}
.carousel-news .owl-nav .owl-next {right:-20px;}
.carousel-news .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;width:100%;}
/* 首页新闻 end*/

.advantage-pr {position:relative;}
.advantage-pr .pic{padding-right:10%;}
.advantage-pr .pic .ph{padding-bottom:42%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;transition:.3s;}
.advantage-pr .tit{position: absolute;padding:50px;right:0;top:50px;bottom:50px;width:35%;;z-index: 9;font-size:15px;box-shadow: 0 0 25px 0 rgba(0,0,0,0.03);-webkit-transition:.3s;transition:.3s;}
.advantage-pr .tit p{line-height: 28px}
.advantage-pr .tit strong{font-size:24px;font-weight:600;display: block;margin-bottom: 20px}
.advantage-pr:hover .tit{top:40px;bottom:60px;-webkit-transition:.3s;transition:.3s;}

.advantage-pl {position:relative;}
.advantage-pl .pic{padding-left:10%;}
.advantage-pl .pic .ph{padding-bottom:42%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;position:relative;transition:.3s;}
.advantage-pl:hover .pic .ph{transform:scale(1.02);-webkit-transition:.3s;transition:.3s;}
.advantage-pl .tit{position: absolute;padding:50px;left:0;top:50px;bottom:50px;width:35%;;z-index: 9;font-size:15px;box-shadow: 0 0 25px 0 rgba(0,0,0,0.03);-webkit-transition:.3s;transition:.3s;}
.advantage-pl .tit p{line-height: 28px}
.advantage-pl .tit strong{font-size:24px;display: block;margin-bottom: 10px}
.advantage-pl .tit h2{font-size:18px;display: block;margin-bottom: 20px}
.advantage-pl .tit a.button,.advantage-pr .tit a.button{position:relative;font-weight: 400;border-radius: 30px;padding:12px 35px;background:#fff}
.advantage-pl:hover .tit{top:40px;bottom:60px;-webkit-transition:.3s;transition:.3s;}

.countUp .media{position:relative;-webkit-transition:.3s;transition:.3s;margin:10px 0;padding:10px 0 15px 0;}
.countUp .counter{font-size:72px;font-weight: 600;}
.countUp i{font-style:normal;display:inline-block;padding-top:10px;}
.countUp span{font-weight:normal;font-size:18px;display:inline-block;}
.countUp em{font-weight:normal;font-size:18px;font-style: normal;display:inline-block;}
.countUp p{line-height:24px;}

.team-photo .media{overflow:hidden;position:relative;-webkit-transition:.3s;transition:.3s;}
.team-photo .media.media-x img{width:200px;}
.team-photo .media .media-body {text-align:left;padding-left: 10px}
.team-photo .media .media-body strong{overflow:hidden;font-weight: 600;font-size: 18px}
.team-photo ul li {padding:0 0 10px 0;position:relative;font-size:15px;}
.team-photo ul li p {line-height:22px}

.team-num{padding:30px 0 0 50px;}
.team-num .media{overflow:hidden;position:relative;margin: 20px 0}
.team-num .media.media-x img{width:64px;}
.team-num .media .media-body {text-align:left;padding-left: 10px;font-size: 15px;padding-top:5px;}
.team-num .media .media-body strong{height:50px;overflow:hidden;font-weight: 400;font-size: 15px}

/* 案例 
.project-1 .media-img {position:relative;overflow:hidden;margin-bottom:20px}
.project-1 .media-img .ph{transition:.3s;padding-bottom:67%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.project-1 .media-img:hover .ph,.project-1 .media-img:hover .ph150{transform:scale(1.1);-webkit-transition:.3s;transition:.3s}
.project-1 .media-img:after {background:linear-gradient(to bottom,rgba(4,0,51,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
.project-1 .media-img:hover:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.project-1 .media-img .post-link {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)}
.project-1 .media-img .tit {bottom:30px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 30px;}
.project-1 .media-img:hover .tit {bottom:40px;}
.project-1 .media-img .tit strong a {display:block;}
.project-1 .media-img span{display: inline-block;}
案例 end */

/* 案例 */
.project-1 .media-img {position:relative;overflow:hidden;margin-bottom:50px}
.project-1 .media-img .ph{transition:.3s;padding-bottom:30%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.project-1 .media-img:hover .ph{transform:scale(1.05);-webkit-transition:.3s;transition:.3s}
.project-1 .media-img:after {transform: skewX(-20deg);background-color:#00C798;background-image:url(../images/home_webdeveloper_sectionbg2.png);background-size:auto 200px;background-repeat:no-repeat;background-position:right 0;position:absolute;top:0;left:50%;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
.project-1 .media-img .tit {top:30%;left:60%;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 30px;}
.project-1 .media-img .tit strong a {display:block;font-size:32px;font-weight: 600}
.project-1 .media-img .tit a.button{padding:12px 30px;}
/* 案例 end */

/* 案例 */
.project-2 .media-img {position:relative;overflow:hidden;}
.project-2 .media-img .ph{transition:.3s;padding-bottom:30%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.project-2 .media-img:hover .ph{transform:scale(1.05);-webkit-transition:.3s;transition:.3s}
.project-2 .media-img:after {transform: skewX(20deg);background:#0187CE;position:absolute;top:0;left:50%;z-index:1;content:"";width:100%;height:100%;transition:0.3s;}
.project-2 .media-img .tit {top:30%;left:60%;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 30px;}
.project-2 .media-img .tit strong a {display:block;font-size:32px;font-weight: 600}
.project-2 .media-img .tit a.button{padding:12px 30px;}
/* 案例 end */

/*transform: skewX(-20deg);*/

/* 关于我们-动画数字 */
.home-date .suzi{font-size:64px;font-family:Times New Roman;display: inline-block;}
.home-data .v-line{border-right:1px solid #eee;}
.home-data .v-line:last-child{border-right:0}
.home-data i{font-style:normal;font-size:64px;}
.home-data span{font-size:36px;}
/* 关于我们-动画数字 end*/

.home-button {margin:0 auto;}
.home-button a.button{font-weight: 400;border-radius: 30px;padding:15px 60px;background: linear-gradient(45deg, #00C798, #0187CE);-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.05);box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.05)}

/* 首页关于我们 */

/*合作伙伴 logo*/
.partners-style1 ul {margin:-15px;}
.partners-style1 ul li .list-li{position:relative;top:0;border-radius: 100px;margin:15px; -webkit-box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.05);padding:10px;overflow:hidden;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners-style1 ul li .list-li:hover {position:relative;top:-5px;-webkit-box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.06);z-index:2;position:relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.partners-style1 ul li .list-li img {margin:0 auto;}
/*-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);*/
.partners-style1 ul li .list-li img:hover {opacity:1;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);}
/*合作伙伴 logo end*/

/* 滚动资质 */
.honour .media {-webkit-transition:.3s;transition:.3s;}
.honour .media .ph{padding-bottom:66%;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}
.honour .media-body {text-align:center;padding:10px}
.honour .media-body h2 a {line-height:24px;font-size:16px;color:# ;}
.honour .media:hover .media-body h2 a {color:#00C798;}
.honour .media:hover .media-body p {color:#666}
.honour .owl-nav .owl-prev,.honour .owl-nav .owl-next {background:#00C798;opacity: .6;}
.honour:hover .owl-nav .owl-prev,.honour:hover .owl-nav .owl-next {background:#00C798;opacity: 1;}
.honour .owl-nav .owl-prev {left:-50px;}
.honour .owl-nav .owl-next {right:-50px;}
.honour .owl-dots {position:relative;top:20px;padding:0;text-align:center;vertical-align:middle;width:100%;}

/* 滚动资质 end*/

.about-pic-down {position:relative;overflow: hidden;}
.about-pic-down .content{padding:50px;right:0;left:30%;top:50px;bottom:50px;position:absolute;background:rgba(255,255,255,.9);box-shadow:0 1px 2px 1px rgba(0,0,0,.06)}
.about-pic-down .content h2{font-size:32px;font-weight: 600;display: block;margin-bottom: 20px}
.about-pic-down .content p{line-height: 30px;font-size: 16px}

.about-pic-grid .media .media-body{font-size:15px;margin:0;}
.about-pic-grid .media .media-body strong{font-size:16px;display: block;font-weight: 400}
.about-pic-grid .media:hover .media-body{background: linear-gradient(45deg, #00C798, #0187CE);color:#fff;}
.about-pic-grid .media:hover .media-body strong{color:#fff;}

.about-logo .media .media-body{font-size:15px;margin:0;}
.about-logo .media .media-body strong{font-size:16px;display: block;font-weight: 400}
.about-logo .media:hover .media-body{background: linear-gradient(45deg, #00C798, #0187CE);color:#fff;}
.about-logo .media:hover .media-body strong{color:#fff;}

/* 图文左右交X */
.about-pic-left dl dt {float:left;display:block;width:55%;font-weight:normal;position:relative;}
.about-pic-left dl dd {float:left;display:block;width:45%;}
.about-pic-left dl dd .content{padding:50px;}
.about-pic-left dl dd .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about-pic-left dl dd .content strong{font-size:24px;display: block;margin: 0 0 20px 0}
.about-pic-left dl dd .content p{line-height: 30px;font-size: 16px;font-weight: 400;margin-bottom:10px;}
/* 图文左右交X */

/* 图文左右交X */
.about-pic-right dl dd {float:left;display:block;width:45%;}
.about-pic-right dl dt {float:left;display:block;width:55%;}
.about-pic-right dl dt .content{padding:50px;}
.about-pic-right dl dt .content h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.about-pic-right dl dt .content strong{font-size:24px;display: block;margin: 0 0 20px 0}
.about-pic-right dl dt .content p{line-height: 30px;font-size: 16px;font-weight: 400;margin-bottom:10px;}
/* 图文左右交X */

/* 图文左右交X */
.about2-pic-right dl dd {float:left;display:block;width:55%;}
.about2-pic-right dl dt {float:left;display:block;width:45%;font-weight: normal;}
.about2-pic-right dl dt .content{padding:150px 50px 10px 0;}
.about2-pic-right dl dt .content h2{font-size:40px;display: block;margin-bottom: 20px;font-weight: 600}
.about2-pic-right dl dt .content strong{font-size:20px;display: block;margin: 15px 0 5px 0}
.about2-pic-right dl dt .content p{line-height: 30px;font-size: 16px;font-weight: 400}
/* 图文左右交X */

/* 首页关于我们 */
.home-about h1{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.home-about .content p{line-height: 28px;font-size: 16px;font-weight: 400;margin-bottom: 10px}

.article-more h2{font-size:32px;display: block;margin-bottom: 20px;font-weight: 600}
.article-more strong{font-size:20px;display: block;margin: 15px 0 5px 0}
.article-more p{line-height: 30px;font-size: 16px;font-weight: 400}
.more-button{border:1px solid #ccc;padding:15px 0;width:160px;background: #fff;font-size: 15px; display: block;margin:30px auto 0 auto;text-align: center}

/* 愿景 begin */
.vision-background{padding:200px 0;background-attachment: fixed;background-repeat:no-repeat;background-position:center top;background-size:cover}
.vision-background .about-vision strong{position:relative;font-size:48px;line-height:58px;font-weight:600;margin-bottom:80px;word-break:break-all}
/*.vision-background .about-vision strong:before {content:'';display:block;position:absolute;background:#FFF;width:40px;height:3px;bottom:-30px;left:0;}*/
.vision-background .about-vision p{line-height:30px;font-size:18px;color:#fff;margin-bottom:10px}
/*.vision-background .about-vision strong{position:relative;font-size:24px;font-weight:600;margin-bottom:20px;display: block;}*/
.vision-background:hover .about-vision{top:-5px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

/* 服务 */
.linian .media{margin-bottom: 30px;padding:30px;background: #fff;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.linian .media:hover{background: linear-gradient(45deg, #00C798, #0187CE);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.linian .media-body strong{display: block;position:relative;margin:20px 0 ;font-size: 18px}
/*.linian .media-body strong:before {content:'';display:block;position:absolute;width:30px;height:3px;bottom:-20px;left:0;background-color:rgba(255,255,255,.9);}*/
.linian .media-body p{line-height:30px;height:85px;}
.linian .media:hover strong,.linian .media:hover p{color:#fff;}

.application .media{margin-bottom: 30px;padding:30px;background: linear-gradient(45deg, #00C798, #0187CE);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.application .media:hover{background: linear-gradient(135deg, #45C058, #00C798);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.application .media-body strong{display: block;position:relative;margin:20px 0 ;font-size: 18px}
.application .media-body p{line-height:30px;height:85px;}
.application .media:hover strong,.application .media:hover p{color:#fff;}

/* 企业文化 */
.wenhua .item{position:relative;margin-bottom: 30px}
.wenhua .item:before {content:'';display:block;position:absolute;background:#000;opacity:.3;width:100%;height:100%;bottom:0px;left:0;right:0;right:0;transition:0.3s;}
.wenhua .item:hover:before {transition:0.3s;opacity:.6;} 
.wenhua .item .title{opacity:1;z-index:9;width:80%;bottom:0;top:50%;left:50%;right:0;margin-left:-40%;margin-top:-50px;position:absolute;transition:0.3s;}
.wenhua .item .media img{border-right:1px solid #fff;padding-right:30px;margin-right:30px;height:80px}
.wenhua .item .media .media-body{margin-top: 0}
.wenhua .item .media .media-body h3{font-size:32px;margin-bottom:10px;font-weight:600}
.wenhua .item .media .media-body p{font-size:18px;line-height: 30px}
/* 企业文化 end */

.dialog {width:100%;border:0;margin:0 auto;box-shadow:0 5px 15px rgba(99,107,151,0.1);position:relative;border-radius:10px;overflow:hidden}
.dialog .dialog-head{padding:15px 0 13px 30px ;border-bottom: 0px solid #ebebeb;background-color: #FFF;border-radius:10px 10px 0 0;}
.dialog .dialog-head strong{font-size:16px;font-weight: 400;}
.dialog .close{position:absolute;font-size:30px;right:20px;top:10px;color:#808080;z-index:9}
.dialog .close:hover{color:#00C798}
.dialog .dialog-body{padding:0 30px 30px 30px;}
.dialog .dialog-body strong {font-size:24px;margin:0;display: block}
.dialog .dialog-body p {line-height:36px}

/*单页*/
.single_pic{position:relative;overflow: hidden;border-radius: 0 4px 4px 0}
.single_pic img{max-width: 100%;}
.single_pic .pic-1{position:absolute;width:90%;top:50px;right: 30px}
.single_pic .pic-2{position:absolute;z-index:2;width:50%;right:0px;top:0px}
.single_pic .pic-3{position:absolute;z-index:3;width:40%;left:0px;top:380px}
.single_pic .pic-4{position:absolute;z-index:4;width:78%;left:50px;top:200px}

.single_content{padding:40px;position:relative;z-index: 3;}
.single_content h2{font-size:24px;text-transform:Uppercase;}
.single_content p{font-size:16px;margin-bottom: 10px;line-height: 32px}
.single_content ul.list-paddingleft-2 {padding:0}
.single_content ul li {padding:0 0 5px 20px;position:relative;font-size:16px;}
.single_content ul li p {line-height:24px;margin-bottom:5px}
.single_content ul li:before {content:'';position:absolute;top:9px;left:0px;background:#00C798;width:7px;height:7px;border-radius:50%;}
/*单页*/

.history{position:relative;}
.history:after{position:absolute; content:"";background-color:rgba(255,255,255,1);height:2px; width:100%;left:0;right:0;top:40%;margin-top:-20px;z-index:-1}
.history .item{padding:10px;}
.history .item .titime{position: relative;margin:0 auto;width:80px;height: 80px;line-height: 80px;}
.history .item .titime h2{font-size:36px;}
.history .item .hiscon{margin-top:50px;height:auto;border-radius:20px;transition:all .3s;}
.history .item:hover .hiscon{-webkit-transition:0.3s;-o-transition:0.3s;transition:all .3s;}
.history .item h2:after{position:absolute; content:""; border:2px solid #fff; background: #fff;height:18px; width:18px;border-radius:50%;bottom:-5px;left:0;right:0;text-align:center; margin:0 auto;transition:all .3s;}
.history .item:hover h2:after{position:absolute; content:""; height:20px; width:20px;transition:all .3s;}

.history .owl-nav .owl-prev,.history .owl-nav .owl-next {background:#fff;opacity:1;top:32%;}
.history:hover .owl-nav .owl-prev,.history:hover .owl-nav .owl-next {background:#fff;opacity:1;}
.history .owl-nav .owl-prev {left:-36px;right:auto;}
.history .owl-nav .owl-next {right:-36px;}

/* 文字列表 */
.normal-list li{position:relative;display:block;padding:0 0 0 20px;line-height:40px;height:40px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{font-size:16px;color:#4C0000;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#808080;}
.normal-list li:hover a{color:#00C798;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover span{color:#4C0000}
.normal-list li:hover:before {background:#00C798;}
.normal-list li:before {content:'';position:absolute;top:16px;left:0px;background:#ccc;width:6px;height:6px;border-radius:50%}

/* 路径 */
.nav-bread {padding:0;height:60px;line-height:60px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread a{color:#808080;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#00C798}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */

/*分页 begin*/
.pagination li {display:inline-block;border-radius:5px;border:0;}
.pagination li i{font-weight:600;} 
.pagination li a,.pagination li span{border-radius:5px;color:#999;background:#fff;padding:9px 14px;display:block;margin:0 5px;box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.03)}
.pagination li a:hover,.pagination li.active a,.pagination li .current{background:#51BFCA;color:#fff;}
/*分页 end*/

/* 标题样式-居中 */
.title-c{position:relative;margin:0}
.title-c strong{position:relative;font-size:36px;font-weight:600;display: block}
.title-c h1{position:relative;font-size:48px;font-weight:600;display: block}
.title-c p{font-size:15px;display: block;margin-top:20px;line-height: 30px;}
.title-c h2{position:relative;font-size:32px;}
/*.title-c h2:before{background:#D90F11;content:'';display:block;position:absolute;width:30px;height:5px;bottom:-10px;left:50%;margin-left:-15px;}*/

.hasLine {position: relative;height: 3px;width:40px;margin:0 auto;}
.hasLine::before {position: absolute;content: '';height: 3px;background: #00C798;bottom: 0;width: 50%;right: 0;}
.hasLine::after {position: absolute;content: '';height: 3px;background: #A1CE00;bottom: 0;width: 50%;left: 0;}

/*产品列表*/
.product_ph{padding-bottom:100%;transition:.3s;display:block;width:100%;height:0;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;position:relative}
.product-list .media{-webkit-transition:.3s;transition:.3s;margin-bottom:30px}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(4,0,51,.05);}
.product-list .media .media-body {padding:10px 20px 10px 20px;margin:0;}
.product-list .media .media-body strong{display: block;height: 40px;overflow: hidden}
.product-list .media .media-body strong a {font-size:15px;font-weight: 400}
.product-list .media .media-body p {color:#666;line-height:28px;font-size:14px}
.product-list ul li {padding:5px 0 5px 15px;position:relative;font-size:14px;color:#939393}
.product-list ul li:before {content:'';position:absolute;top:13px;left:0px;background:#4C0000;width:5px;height:5px;border-radius:50%;}
.product-list .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#F9F9F9;color:#666;border:1px solid #eee}
.product-list .media:hover .button {background:#2684FE;color:#FFF;border:1px solid #2684FE}
.product-list .media:hover .media-body strong a {color:#00C798;}
.product-list .media:hover .media-body p {color:#666}

/* 横向导航2 */
.nav-x-button{position:relative;margin:-33px auto 0 auto;}
.nav-x-button ul{padding:0; margin:0;font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x-button li{display:inline-block;}
.nav-x-button li a{line-height:66px;padding:0 35px;position:relative;color: #666;background:#fff;box-shadow:0 10px 25px 0 rgba(0,0,0,.06);text-align:center;display:block;font-size: 15px}
.nav-x-button li a:hover,.nav-x-button li a.active{color:#fff;background: linear-gradient(125deg, #00C798, #5E9B50);}
.nav-x-button li:first-child a {border-radius:10px 0 0 10px;}
.nav-x-button li:last-child a{border-radius:0 10px 10px 0;}
/* 横向导航2 */

/* 横向滚动导航 */
.nav-owl{margin:-120px auto 0 auto;}
.nav-owl.w5{width:900px;}
.nav-owl.w4{width:800px;}
.nav-owl.w3{width:600px;}
.nav-owl.w2{width:500px;}
.nav-owl .item a{padding:8px 0;color: #666;display: block;background: #FFF;-webkit-transition: all .3s ease; transition: all .3s ease;}
.nav-owl .item a.active{color:#fff;position:relative;background: linear-gradient(45deg, #00C798, #0187CE);}
.nav-owl .item a.active i{background-position:0px -50px;color:#fff;}
.nav-owl .item a.active:hover{background: linear-gradient(45deg, #00C798, #0187CE);color:#fff;}
.nav-owl .item a:hover{color:#fff;background: linear-gradient(45deg, #00C798, #0187CE);color:#fff;background-repeat:no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease;}
.nav-owl .item a:hover i{color:#fff;}
.nav-owl .item a i{color:#666;vertical-align:middle;font-size:28px;height:40px;line-height:40px;width:40px;display: inline-block;background-position:0px 0px; background-repeat:no-repeat; -webkit-transition: all .3s ease; transition: all .3s ease;}
.nav-owl .item a span{vertical-align:middle;display: inline-block;line-height:40px;}
.nav-owl .item a:hover i{background-position:0px -50px;}

/*.nav-owl .owl-nav .owl-prev,.nav-owl .owl-nav .owl-next {background:#fff;color:#333;width:24px;height:24px;line-height:28px;opacity:0;box-shadow: 0 0 12px rgba(99,107,151, .1)}
.nav-owl:hover .owl-nav .owl-prev,.nav-owl:hover .owl-nav .owl-next {opacity:1;}
.nav-owl .owl-nav .owl-prev{left:-12px;}
.nav-owl .owl-nav .owl-next{right:-12px}*/

/* 分类 */
.nav-x{position:relative;margin-top:-40px;background: linear-gradient(to left, #45C058, #00C798);border-radius: 10px;box-shadow:0 3px 10px 3px rgba(0,0,0,.03)}
.nav-x .nav-split li {border-right:solid 1px #AFD672}
.nav-x .nav-split li:last-child{border-right: 0}
.nav-x .nav li.active ul li a {color:#fff;}
.nav-x .nav li.active a i{color:#00C798}
.nav-x .nav li a{height:80px;line-height:80px;color:#fff;position:relative;padding:0 15px;font-size:16px;font-weight:400}
/* .nav-x .nav li:last-child a{padding:0 0 0 25px;} */
.nav-x .nav li ul li{border-right:solid 0 #F9F9F9}
.nav-x .nav li ul li a:hover{color:#45C058}
.nav-x .nav li:first-child a {border-radius:10px 0 0 10px;}
.nav-x .nav li:last-child a{border-radius:0 10px 10px 0;}

.nav-x .nav li.active a,.nav-x .nav li a:hover{color:#00C798;background: #fff}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:50px;line-height:50px;color:#00C798;;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .nav li.active ul li a {color: #00C798;background: #fff}
.nav-x .nav li ul li a.active{color:#00C798;}
.nav-x .nav li ul li a.active:hover{color:#45C058}
.nav-x .nav li.active ul li a:hover{color:#45C058}
.nav-x .nav i {line-height:80px;color:#fff}

/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative}
.list-post-text li.dot:hover a:before {background:#00C798;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/

/* =====================产品详细begin =====================*/

.product-des{padding:30px 0 0 80px}
.product-des h1{font-size:32px;font-weight: 600}
.product-des ul li {padding:0 0 5px 20px;position:relative;font-size:15px;}
.product-des ul li p {line-height:24px}
.product-des ul li:before {content:'';position:absolute;top:9px;left:0px;background:#4C0000;width:6px;height:6px;border-radius:50%;}

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:10%;}
/* .product-overview .tab .tab-nav li:last-child {margin-right:0px} */
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#666;padding:24px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:20px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#00C798;background:#FFF;border-bottom:3px solid #00C798;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;}
/* 产品详情TAB END */

.attribute dl{float:left;margin-right: 10px}
.attribute dt{font-weight: 400}

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.product-thumb .item img{border:1px solid #ebebeb}
.product-thumb .item:hover img{border:1px solid #00C798}
.product-thumb .owl-nav .owl-next,.product-thumb .owl-nav .owl-prev{background:#00C798;width:24px;height:24px;line-height:26px;}
.product-thumb .owl-nav .owl-prev{left:-12px;}
.product-thumb .owl-nav .owl-next{right:-12px;}
.product-thumb .owl-nav i{font-size:18px;color:#fff;}
.product-thumb:hover .owl-nav .owl-prev,.product-thumb:hover .owl-nav .owl-next {opacity: 1;}
/* 放大镜 end */

/*相关产品 begin*/
.product-related .media .media-body {padding:0}
.product-related .media .media-body strong{height:50px;margin:0;}
.product-related .media .media-body strong a {font-size:16px;font-weight: 400}
.product-related .media .media-body p {color:#00C798;line-height:30px;font-size:15px}
.product-related .media:hover .media-body strong a {color:#00C798;}
.product-related .owl-dots {position:absolute;top:-30px;right:0;padding:0;text-align:right;display:inline-block;width:100%;}

/* =====================产品详细end===================== */

/* 内容 begin */
.article{overflow:hidden}
.article .padding-large{padding:30px 50px}
.article .post h1{font-size:28px;font-weight:600;line-height:36px;color:#323232}
.article .post h2{font-size:22px;font-weight:600;margin:10px 0}
.article .post h3{font-size:18px;font-weight:600;margin:10px 0}
.article .post hr{margin:10px 0;height:1px;background: #EBEBEB}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:28px;margin-bottom:10px}
.article .post img{max-width:100%;margin:0 auto;}
.article .post a{text-decoration:none;border-bottom:1px solid #0053c4;color:#0053c4}
.article .post a:hover{color:#e7161a;border-bottom:0 solid #e7161a}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;line-height:28px;position:relative;font-size:16px}
.article .post ul li p{line-height:28px;}
.article .post ul li:before{content:'';position:absolute;top:12px;left:0;background:#00C798;width:6px;height:6px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#808080}
/* 内容 end */

.channel-banner {position:relative;min-height: calc(100vh - 300px);background-attachment: fixed;background-repeat:no-repeat;background-position:center;background-size:cover;}
/*.channel-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.channel-banner .banner-info {margin-top:280px;overflow: hidden;}
.channel-banner .banner-info strong{font-size:48px;font-weight:600;position:relative;display: block;margin-bottom:20px;}

.channel-job {position:relative;min-height: calc(100vh - 0px);background-repeat:no-repeat;background-position:center;background-size:cover;}

.channel-job .orderList{
    position:absolute;
    bottom:10%;
    left: 50%;
    margin-left: -520px;
}
.channel-job .orderline{
    display:inline-block;
    width:50px;
    height:2px;
    border-radius:2px;
    background:#fff;
    opacity:0.2;
    margin:16px 13px;
}
.channel-job .orderlineDetail{
    display:inline-block;
    text-align:center;
    color:#51BFCA;
}
.channel-job .orderlineDetail font{
    font-size: 15px;
}
.channel-job .orderNum{
    display:inline-block;
    width:28px;
    height:28px;
    text-align:center;
    line-height:28px;
    font-size:12px;
    font-weight:D-DIN;
    color:#fff;
    border-radius:50%;
    background: linear-gradient(45deg, #00C798, #0187CE);
    margin-bottom:8px;
}

.job-nav li{display: block;width:25%;float:left; background: #F0F0F0;position:relative;transition:all 0.3s;}
.job-nav li a{display: block;border-right:1px solid #fff;padding:20px 0 15px 0;color:#666;}
.job-nav li i{width:30;height: 30px;line-height: 30px;margin-bottom:5px;font-size:28px;display: inline-block;}
.job-nav li:hover{background:#fff;color:#666;}
.job-nav li.active{background: #fff;}
.job-nav li:last-child a{border-right: 0}
.job-nav li:hover strong,.job-nav li:hover p,.job-nav li.active strong, .job-nav li.active i,.job-nav li:hover i{color:#51BFCA;transition:all 0.3s;}
.job-nav li strong{font-weight: 400;display: block;margin-bottom:5px}

.job-content{padding:40px;}
.job-content .lpic{margin-right:30px;}
.job-content p{line-height: 28px;font-size:16px;margin-bottom: 10px}
.job-content strong{font-size:18px;margin:10px 0;display: inline-block;}
.job-content a.button {
  border-radius: 30px;
  padding: 15px 40px;
  background: linear-gradient(45deg, #00C798, #0187CE);
  -webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.05);
}
/* 底部地图版权 begin*/
.f-banner {padding:40px 0;position:relative;}
/*.f-banner:before {content:'';display:block;position:absolute;background:#000;opacity:.1;width:100%;height:100%;bottom:0px;left:0;right:0;right:0}*/
.f-banner strong{font-size:36px;display: block;font-weight: 600}
.f-banner p{line-height: 32px}
/*background-image:url(../images/bg_footer.png);background-size:auto 600px;background-repeat:no-repeat;background-position:right 0;*/
footer{padding:80px 0 0 0;background:#3C3C3C}
footer h3{font-size:16px;color:#fff;margin-bottom:20px;font-weight:600}
footer ul li.block{float:left}
footer ul li.block-0{width:40%;}
footer ul li.block-0 .padding-right{padding-right:20px;;}
footer ul li.block-1{width:20%}
footer ul li.block-2{width:20%}
footer ul li.block-3{width:20%}
/*footer ul li.block-4{width:9%;}*/

footer ul li ul li a{line-height:32px;color:#F8F8F8}
footer ul li ul li.row a{line-height:32px;height:32px;width:40%;float:left;}
footer ul li ul li a:hover{color:#fff}

footer .contact{padding-right:50px;}
footer .contact .media {margin:0 0 10px 0;}
footer .contact .media span{height:28px;}
footer .contact .media i{line-height:28px;font-size:16px;color:#fff;}
footer .contact .media .media-body a,footer .contact .media .media-body{padding:0;color:#F8F8F8;}
footer .contact .media .media-body .text-large{font-size:24px;padding-top:5px;}

footer .about{padding:30px 150px 0 0;line-height:24px;color:#fff}
footer .copyright{margin:50px 0 0 0 ;line-height:80px;color:#fff;border-top:1px solid #555;}
footer .copyright a{color:#fff}
footer .design{position:relative}
footer .qrimg{display: block;}

footer .foot-link{line-height:32px}
footer .foot-link a{display:block;float:left;margin-left:30px;font-size:14px;color:#EEDBDB}
footer .foot-channel{line-height:32px}
footer .foot-channel a{display:block;float:left;margin:0 30px;font-size:14px}
footer .foot-channel a:hover,footer .foot-link a:hover{color:#F8F8F8;transition:all .3s}

#friend{position:relative;z-index:999;float:right;margin-left:20px;}
#friend a{display:block;}
#friend ul{padding:10px;min-width:160px;border:1px solid #568D49;background:#568D49;bottom:50px;display:none;right:0;overflow:hidden;position:absolute}
#friend ul li a{display:block;line-height:26px}

.social-button a{display:inline-block;background:#FD9E14;color:#fff;width:42px;height:42px;line-height:42px;margin-right:10px}
.social-button a.weixin{position:relative}
.social-button a.weixin .wx{display:none}
.social-button a.weixin:hover .wx{position:absolute;display:block;top:-112px;left:-28px;width:102px;height:102px;background:#fff;padding:2px}
.social-button a.weixin .wx:after{position:absolute;bottom:-8px;left:40px;display:inline-block;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}
/* 底部地图版权 end*/

/*悬浮客服 begin*/
.kefu{position:fixed;width:48px;right:20px;top:50%;z-index:999;border-radius:80px;padding:15px 0px;box-shadow:0px 5px 10px 0px rgba(0,0,0,.3);
background:#FEA90E;
background: linear-gradient(0deg,#FEA90E 0,#FED90E 100%);
background: -moz-linear-gradient(90deg,#FEA90E 0,#FED90E 100%);}
.kefu ul li{width:48px;float:left;position:relative;transition:all .3s;cursor:pointer;margin:10px 0}
.kefu ul li i{font-size:18px}
.kefu ul li.sidewx .wxBox.son{left:-150px;width:150px;padding:10px;display:none;position:absolute;top:0;box-shadow:0px 0 10px 0 rgba(0,0,0,.1)}
.kefu ul li.sidetel .telBox.son{left:-180px;width:200px;padding-right:20px;display:none;text-align:left;position:absolute;top:0px;}
.kefu ul li.sidetel .telBox .post{position:relative;padding:15px 10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);border-radius:5px}
.kefu ul li.sidetel .telBox .post:after,.kefu ul li.sidewx .wxBox.son:after{border-left:6px solid #fff;z-index: 3;position: absolute;top:25px;right:-6px;display: inline-block;border-top:6px solid transparent;border-bottom: 10px solid transparent;content: '';}
.kefu ul li.sidetel .telBox .post .media {padding:5px 0;}
.kefu ul li.sidetel .telBox .post .media.media-x .float-left{margin-left:0px}
.kefu ul li.sidetel .telBox .post .media i{font-size:24px;}
.kefu ul li.sidetel .telBox .post .media .media-body {padding:0;margin:0px;}
.kefu ul li.gotop{margin-top:5px}
.kefu ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}
/*悬浮客服 end*/
#m-b-bar{display:none;}

@media screen and (max-width:1440px){
.container-layout{max-width:98%;}
.channel-banner .banner-info {margin-top: 200px;}
.nav-owl {margin: -100px auto 0 auto;}
}

/* 移动端开始 */
@media screen and (max-width:768px){

.blank-small,.blank-middle{height:10px;line-height:10px}
.blank-big{height:20px;line-height:20px}
.blank-large{height:20px;line-height:20px}

.padding-large{padding:20px}
.container-layout{max-width:100%;}
.line-big{margin-left:-10px;margin-right:-10px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;min-height:1px;padding-right:10px;padding-left:10px}

.line-large {margin-left:-10px;margin-right:-10px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px}


/* 首页轮播 */
.slides .img-box{min-height: calc(100vh - 300px)}
.slides .img-box strong{margin-top:50%;font-size:42px;}

.product-list .media {margin-bottom:10px;}
.product-list .media .media-body {padding:10px}

.product-des{padding:30px 0 0 0}
.product-des h1{font-size:24px;0}

.countUp .counter{font-size:48px;}
.countUp p{line-height:24px;}

.about2-pic-right dl dt {float:none;width:100%;}
.about2-pic-right dl dd {float: none;width: 100%;}
.about2-pic-right dl dt .content {padding:30px 10px;}
.about2-pic-right dl dt .content h2{font-size:24px;}

.about-logo .media img{width:100%;max-height: 80px}

.solution-1{height:400px;margin-bottom: 1px}
.article-more h2{font-size:24px;}
.title-c h1{font-size:32px;}

.single{min-height:500px}
.single img{width:100%;}

.project-1 .media-img {margin-bottom:20px}
.project-1 .media-img .tit strong a,.project-2 .media-img .tit strong a{font-size:24px;}
.project-1 .media-img .tit,.project-2 .media-img .tit {top:20%;left: 56%;padding: 0 10px 0 0;}

.partners-style1 ul {margin:-10px;}
.partners-style1 ul li .list-li{margin:10px;}

.tab-normal .tab .tab-nav li {display:block;width:33.33333%;float:left;text-align:center;}
.tab-normal .tab .tab-nav li a{padding:0 10px;}

.nav-x-button{margin:20px auto;}
.nav-x-button li a{line-height:60px;padding:0 20px;}

.nav-x .nav-split li {border-right:solid 0px rgba(4,0,51,.06)}
.nav-x ul{border-radius:5px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px;}
/*.nav-x ul:after{position: absolute;top:0;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
*/
.nav-x .nav li a{height:50px;line-height:50px;}
.nav-x .nav li ul{padding:0;top:100%;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;min-width:100%;}
.nav-x .nav li ul li a {font-size:15px;background:#FFF;width:100%;height:36px;line-height:36px;color:#666;font-weight:normal;display:block;width:100%;text-align:left;}
.nav-x .button {background:#FFF;border:1px solid #F8F8F8;border-radius:5px;padding:15px 20px;margin:20px 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.nav-x .button.border-white:hover, .nav-x .button.border-white:focus, .nav-x .button.bg-white:hover, .nav-x .button.bg-white:focus{color: #00C798;border-color: #FFF;background-color: #FFF;}

.tab-y .tab-left{width:100%;float:none;}
.tab-y .tab-right{width:100%;float:none;}
.tab-y .tab .tab-nav li{margin:0;float:left;width:33.33333333%;}
.tab-y .tab .tab-nav li a {border-right: 1px solid #17E3BA}
.tab-y .tab .tab-nav li:first-child a {border-radius:12px 0 0 0;}
.tab-y .tab .tab-nav li:last-child a{border-radius:0 0 12px 0;border-right: 0}
.tab-y .tab .tab-nav li:nth-of-type(3) a{border-radius:0 12px 0 0;}
.tab-y .tab .tab-nav li:nth-last-of-type(3) a{border-radius:0 0 0 12px;border-bottom: 0}
.tab-y .tab .tab-nav li:nth-last-of-type(2) a{border-bottom: 0}
.tab-y .tab .tab-nav li.active:after{display:none;}
.tab-y .tab .tab-body {min-height:auto;border-radius:12px;margin:10px 0 0 0;padding:0 0 20px 0;}

.home-advantage .advl,.home-advantage .advr{height:auto;line-height:30px;padding:80px 20px;}
.home-advantage .advl strong,.home-advantage .advr strong{font-size:24px;margin-bottom:20px;}

.article .padding-large{padding:20px}
.article .post h1{font-size:24px;}
.article .post h2{font-size:20px;}
.article .post h3{font-size:18px;}

.carousel-news .media-body {padding:20px 10px;}
.carousel-news .owl-nav .owl-prev {left:10px;}
.carousel-news .owl-nav .owl-next {right:10px;}

/* 标题样式 */
.title-c strong{font-size:24px;}
.title-c h2{font-size:24px;}

.channel-banner {min-height: calc(100vh - 450px);}
.channel-banner .banner-info {margin-top:100px;overflow: hidden;}
.channel-banner .banner-info strong{font-size:36px;}

.channel-job {min-height: calc(100vh - 400px);}

.channel-job .orderList{
    bottom:5%;
    left: 0;
    margin-left:10px;
}
.channel-job .orderline{
    display: none
}
.channel-job .orderlineDetail{
    display:block;
    text-align:center;
    margin: 5px 0;
    width:25%;
    float:left;
}

.job-nav li a {padding: 10px 0;}
.job-nav li a .text-big{font-size:16px;}
.job-nav li i{width:28px;height: 28px;line-height: 28px;font-size:24px;}
.job-content{padding:20px;}
.job-content .lpic{margin:0 0 20px 0;}

/* 图文左右交X */
.about-pic-left dl dt {float:none;width:100%;}
.about-pic-left dl dd {float:none;width:100%;}
.about-pic-left dl dd .content{padding:10px;}
.about-pic-left dl dd .content strong{font-size:24px;margin-bottom: 20px}
.about-pic-left dl dd .content p{line-height: 28px;}
/* 图文左右交X */

/* 图文左右交X */
.about-pic-right dl dd {float:none;width:100%;}
.about-pic-right dl dt {float:none;width:100%;}
.about-pic-right dl dt .content{padding:10px;}
.about-pic-right dl dt .content strong{font-size:24px;margin-bottom: 20px}
.about-pic-right dl dt .content p{line-height: 28px;}
/* 图文左右交X */

.vision-background{background-position:center 50%;}
.linian .media-body strong{padding:10px 0;margin-bottom:20px}
.linian .media-body strong:before {width:30px;height:2px;}

.home-about h1{font-size:24px;}

.wenhua .item{margin-bottom: 10px}
.wenhua .item .media .media-body h3{font-size:24px;}
.wenhua .item .title{width:100%;bottom:0;top:30%;left:30%;right:0;margin-left:-25%;}
.wenhua .item .media img {border-right: 0px solid #fff;padding-right: 10px;margin-right: 10px;height: 48px;}
.wenhua .item .media .media-body p{font-size:16px;line-height: 28px}

footer{padding:0;background:#fff url(../images/bg_footer.png) no-repeat 0 0;}
footer ul{padding-left:10px}
footer ul li.block{float:none}
footer ul li.block-1,footer ul li.block-2,footer ul li.block-3,footer ul li.block-4,footer ul li.block-5,footer ul li.block-6{width:100%}
footer .copyright{margin:0 -10px;line-height:24px;border-top:0px solid #00C798;text-align: center;padding:20px;background: linear-gradient(45deg, #00C798, #0187CE);}
.f-banner strong{font-size:24px;}

/* 默认箭头 */
.owl-carousel .owl-nav i{font-size:16px;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:30px;height:30px;line-height:32px;}
.owl-carousel .owl-nav .owl-prev {left:10px;}
.owl-carousel .owl-nav .owl-next {right:10px;}
/* owl-carousel滚动插件 end */

.about-pic-down .content{padding:20px;right:0;left:10px;top:30px;bottom:30px;background: #0000ff;height: 100%}
.about-pic-down .content h2{font-size:24px;}

.nav-owl {margin: -90px auto 0 auto;}
.nav-owl.w2,.nav-owl.w3,.nav-owl.w4,.nav-owl.w5{width:100%;}
.nav-owl .item a{padding:10px 0;}
.nav-owl .item a i{font-size:20px;height:24px;line-height:24px;width:24px;display: block;text-align: center;margin:0 auto;}
.nav-owl .item a span{line-height:20px;}
.nav-owl .item a:hover i{background-position:0px -24px;}

.history:after{margin-top:10px;}
.history .item h2:after{border:2px solid #fff; background: #fff;height:12px; width:12px;bottom:-12px;}
.history .item:hover h2:after{height:20px; width:20px;}
.history .item .hiscon{margin-top:30px;height:auto;border-radius:20px;transition:all .3s;}
.history .owl-nav .owl-prev,.history .owl-nav .owl-next {top:45%;}
.history .owl-nav .owl-prev {left:0px;}
.history .owl-nav .owl-next {right:0px;}

/* 产品详细页 */
.product-overview .tab .tab-nav li {display:inline-block;width:30%;}
.product-overview .tab .tab-nav li a {padding:15px 0;font-size:18px;}
.product-overview .tab .tab-body {padding:20px 0}

/*移动底部导航 begin*/
.blank-bottom{height:50px;line-height:50px;clear:both; font-size:0;}
.bottom-bar{box-sizing:border-box; -webkit-box-sizing:border-box;display:block;}
.bottom-menu{height:50px; line-height:50px; border-right:1px solid #EB2C2F; box-sizing:border-box; -webkit-box-sizing:border-box;}
.bottom-menu:last-child{border-right:none;}
.bar-name a{display:block;padding:8px 0 0 0;line-height:20px;font-size:14px;}
.bar-name a i{font-size:16px;display:block;}
.bottom-menu-sub .arrow{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.bottom-menu-sub .downward{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #FFF;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;}
/*移动底部导航 end*/
}